import { exSwitch, exInputNumber } from '@ve/common/components/extension'
export default {
  VERSION: '20220408',
  type: 'uiPageExamplePageOne',
  name: '上下分级',
  icon: 'checkbox-blank-line',
  svg: 'shangxiabuju',
  list: [
    {
      _id: 'uiChartFlexbox_9l4zt2',
      VERSION: '20220408',
      type: 'uiChartFlexbox',
      name: '盒子',
      icon: 'checkbox-blank-line',
      extension: {
        boxHeight: {
          type: 'exInputNumber',
          controlsPosition: 'right',
          name: '高度',
          value: 20,
          min: 1,
          max: 100,
        },
        flexDer: {
          type: 'exSelect',
          name: '子组件排布方向',
          value: 'col',
          options: [
            { label: '横', value: 'row' },
            { label: '竖', value: 'col' },
          ],
        },
        justifyAlign: {
          type: 'exRadioGroup',
          name: '水平位置',
          value: 'center',
          list: [
            { label: '居左', value: 'start' },
            { label: '居中', value: 'center' },
            { label: '居右', value: 'end' },
          ],
        },
        itemsAlign: {
          type: 'exRadioGroup',
          name: '垂直方向',
          value: 'center',
          list: [
            { label: '居上', value: 'flex-start' },
            { label: '居中', value: 'center' },
            { label: '居下', value: 'flex-end' },
          ],
        },
        bgColor: { type: 'exSetChartColor', name: '背景颜色', value: 'rgba(223, 223, 229, 0.96)' },
        padding: { type: 'exInputNumber', name: '内边距', value: 1, min: 0, max: 12 },
        justify: { type: 'exJustifySelect', name: '换行', value: 'flex-wrap' },
        shadow: { type: 'exShadowSelect', name: '盒阴影', value: 'shadow-none' },
        border: { type: 'exBorderSelect', name: '边框厚度', value: 'border-0' },
        rounded: { type: 'exRoundedSelect', name: '边框圆角', value: 'rounded-none' },
        labelText: { type: 'exInput', name: '标签', value: '' },
        labelPosition: {
          type: 'exRadioGroup',
          name: '标签位置',
          value: 'center',
          list: [
            { label: '居左', value: 'left' },
            { label: '居中', value: 'center' },
            { label: '居右', value: 'right' },
          ],
        },
        topMargin: { type: 'exInputNumber', name: '上外边距', value: 0 },
        rightMargin: { type: 'exInputNumber', name: '右外边距', value: 0 },
        bottomMargin: { type: 'exInputNumber', name: '下外边距', value: 0 },
        leftMargin: { type: 'exInputNumber', name: '左外边距', value: 0 },
      },
      list: [
        {
          _id: 'uiTitleCard_dfd7pr',
          VERSION: '20220408',
          type: 'uiTitleCard',
          name: '主题盒子',
          icon: 'checkbox-blank-line',
          extension: {
            boxHeight: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '高度',
              value: 40,
              min: 1,
              max: 500,
            },
            flexDer: {
              type: 'exSelect',
              name: '子组件排布方向',
              value: 'row',
              options: [
                { label: '横', value: 'row' },
                { label: '竖', value: 'col' },
              ],
            },
            padding: { type: 'exInputNumber', name: '内边距', value: 1, min: 0, max: 12 },
            justifyAlign: {
              type: 'exRadioGroup',
              name: '水平位置',
              value: 'center',
              list: [
                { label: '居左', value: 'start' },
                { label: '居中', value: 'center' },
                { label: '居右', value: 'end' },
              ],
            },
            itemsAlign: {
              type: 'exRadioGroup',
              name: '垂直方向',
              value: 'center',
              list: [
                { label: '居上', value: 'start' },
                { label: '居中', value: 'center' },
                { label: '居下', value: 'end' },
              ],
            },
            topMargin: { type: 'exInputNumber', name: '上外边距', value: 0 },
            rightMargin: { type: 'exInputNumber', name: '右外边距', value: 0 },
            bottomMargin: { type: 'exInputNumber', name: '下外边距', value: 0 },
            leftMargin: { type: 'exInputNumber', name: '左外边距', value: 0 },

            isMarquee: exSwitch('跑马灯模式', false),
            marqueeTime: exInputNumber('跑马灯时长', 4, 1, 100),
            showBrage: { type: 'exSwitch', name: '显示角标', value: false, tooltip: '' },
            brageWidth: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标线宽',
              value: 15,
              min: 1,
              max: 500,
            },
            brageLine: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标线长',
              value: 15,
              min: 1,
              max: 500,
            },
            brageRotate: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标圆角',
              value: 0,
              min: 0,
              max: 500,
            },
            brageColorLeftTop: { type: 'exSetChartColor', name: '角标颜色-左上', value: '#9271D5' },
            brageColorLeftBottom: { type: 'exSetChartColor', name: '角标颜色-左下', value: '#9271D5' },
            brageColorRightBottom: { type: 'exSetChartColor', name: '角标颜色-右下', value: '#9271D5' },
            brageColorRightTop: { type: 'exSetChartColor', name: '角标颜色-右上', value: '#9271D5' },
            backgroundColor: { type: 'exSetChartColor', name: '背景颜色', value: '#fff' },
            title: { type: 'exInput', name: '主题内容', value: '17940', tooltip: '' },
            letterSpacing: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '间距',
              value: 0,
              min: 0,
              max: 500,
            },
            titleBgColor: { type: 'exSetChartColor', name: '主题背景', value: 'rgba(215, 203, 238, 0)' },
            titleRadius: { type: 'exInputNumber', name: '主题圆角', value: 0 },
            titleTopMargin: { type: 'exInputNumber', name: '主题上外边距', value: 0 },
            titleRightMargin: { type: 'exInputNumber', name: '主题右外边距', value: 0 },
            titleBottomMargin: { type: 'exInputNumber', name: '主题下外边距', value: 0 },
            titleLeftMargin: { type: 'exInputNumber', name: '主题左外边距', value: 0 },
            titleTopPadding: { type: 'exInputNumber', name: '主题上内边距', value: 5 },
            titleRightPadding: { type: 'exInputNumber', name: '主题右内边距', value: 0 },
            titleBottomPadding: { type: 'exInputNumber', name: '主题下内边距', value: 5 },
            titleLeftPadding: { type: 'exInputNumber', name: '主题左内边距', value: 7 },
            titleFontSize: { type: 'exInputNumber', name: '主题字体大小', value: 30 },
            titleColor: { type: 'exSetChartColor', name: '主题字体颜色', value: 'rgba(27, 192, 252, 1)' },
            titleFontWeight: {
              type: 'exSelect',
              name: '字体粗细',
              value: 600,
              options: [
                { label: '正常', value: 500 },
                { label: '加粗', value: 600 },
                { label: '特粗', value: 700 },
              ],
            },
            backgroundImg: { type: 'exUpload', name: '背景图片', value: '' },
          },
          list: [],
        },
        {
          _id: 'uiTitleCard_48iwcn',
          VERSION: '20220408',
          type: 'uiTitleCard',
          name: '主题盒子',
          icon: 'checkbox-blank-line',
          extension: {
            boxHeight: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '高度',
              value: 10,
              min: 1,
              max: 500,
            },
            flexDer: {
              type: 'exSelect',
              name: '子组件排布方向',
              value: 'row',
              options: [
                { label: '横', value: 'row' },
                { label: '竖', value: 'col' },
              ],
            },
            padding: { type: 'exInputNumber', name: '内边距', value: 1, min: 0, max: 12 },
            justifyAlign: {
              type: 'exRadioGroup',
              name: '水平位置',
              value: 'center',
              list: [
                { label: '居左', value: 'start' },
                { label: '居中', value: 'center' },
                { label: '居右', value: 'end' },
              ],
            },
            itemsAlign: {
              type: 'exRadioGroup',
              name: '垂直方向',
              value: 'center',
              list: [
                { label: '居上', value: 'start' },
                { label: '居中', value: 'center' },
                { label: '居下', value: 'end' },
              ],
            },
            topMargin: { type: 'exInputNumber', name: '上外边距', value: 0 },
            rightMargin: { type: 'exInputNumber', name: '右外边距', value: 0 },
            bottomMargin: { type: 'exInputNumber', name: '下外边距', value: 0 },
            leftMargin: { type: 'exInputNumber', name: '左外边距', value: 0 },

            isMarquee: exSwitch('跑马灯模式', false),
            marqueeTime: exInputNumber('跑马灯时长', 4, 1, 100),
            showBrage: { type: 'exSwitch', name: '显示角标', value: false, tooltip: '' },
            brageWidth: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标线宽',
              value: 15,
              min: 1,
              max: 500,
            },
            brageLine: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标线长',
              value: 15,
              min: 1,
              max: 500,
            },
            brageRotate: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '角标圆角',
              value: 0,
              min: 0,
              max: 500,
            },
            brageColorLeftTop: { type: 'exSetChartColor', name: '角标颜色-左上', value: '#9271D5' },
            brageColorLeftBottom: { type: 'exSetChartColor', name: '角标颜色-左下', value: '#9271D5' },
            brageColorRightBottom: { type: 'exSetChartColor', name: '角标颜色-右下', value: '#9271D5' },
            brageColorRightTop: { type: 'exSetChartColor', name: '角标颜色-右上', value: '#9271D5' },
            backgroundColor: { type: 'exSetChartColor', name: '背景颜色', value: '#fff' },
            title: { type: 'exInput', name: '主题内容', value: '数量', tooltip: '' },
            letterSpacing: {
              type: 'exInputNumber',
              controlsPosition: 'right',
              name: '间距',
              value: 0,
              min: 0,
              max: 500,
            },
            titleBgColor: { type: 'exSetChartColor', name: '主题背景', value: 'rgba(215, 203, 238, 0)' },
            titleRadius: { type: 'exInputNumber', name: '主题圆角', value: 0 },
            titleTopMargin: { type: 'exInputNumber', name: '主题上外边距', value: 0 },
            titleRightMargin: { type: 'exInputNumber', name: '主题右外边距', value: 0 },
            titleBottomMargin: { type: 'exInputNumber', name: '主题下外边距', value: 0 },
            titleLeftMargin: { type: 'exInputNumber', name: '主题左外边距', value: 0 },
            titleTopPadding: { type: 'exInputNumber', name: '主题上内边距', value: 5 },
            titleRightPadding: { type: 'exInputNumber', name: '主题右内边距', value: 0 },
            titleBottomPadding: { type: 'exInputNumber', name: '主题下内边距', value: 5 },
            titleLeftPadding: { type: 'exInputNumber', name: '主题左内边距', value: 7 },
            titleFontSize: { type: 'exInputNumber', name: '主题字体大小', value: 10 },
            titleColor: { type: 'exSetChartColor', name: '主题字体颜色', value: '#fff' },
            titleFontWeight: {
              type: 'exSelect',
              name: '字体粗细',
              value: 600,
              options: [
                { label: '正常', value: 500 },
                { label: '加粗', value: 600 },
                { label: '特粗', value: 700 },
              ],
            },
            backgroundImg: { type: 'exUpload', name: '背景图片', value: '' },
          },
          list: [],
        },
      ],
    },
  ],
}
